<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="layui/css/layui.css" />
		<link rel="stylesheet" href="css/colpick.css?v=20190730" />
		<link rel="stylesheet" href="//at.alicdn.com/t/font_803001_5hr3pg7rfzw.css" />
		<link rel="stylesheet" href="css/main.css?v=20190730" />
		<script type="text/javascript" src="js/lib/jquery-1.11.3.js"></script>
		<script type="text/javascript" src="layui/layui.js"></script>
		<script type="text/javascript" src="js/lib/zip/jszip.min.js"></script>
		<script type="text/javascript" src="js/lib/zip/FileSaver.js?v=20190730"></script>
		<script type="text/javascript" src="js/lib/colpick.js?v=20190730"></script>
		<script type="text/javascript" src="js/lib/snap.svg.js?v=20190730"></script>

		<!-- Required to convert named colors to RGB -->
		<script src="https://cdnjs.cloudflare.com/ajax/libs/canvg/1.4/rgbcolor.min.js"></script>
		<!-- Optional if you want blur -->
		<script src="https://cdn.jsdelivr.net/npm/stackblur-canvas@^1/dist/stackblur.min.js"></script>
		<!-- Main canvg code -->
		<script src="https://cdn.jsdelivr.net/npm/canvg/dist/browser/canvg.js"></script>
	</head>
	<style>
	</style>

	<body>
		<div class="main-container">
			<div class="container-center">
				<svg class="svg" width="600" height="600" id="svgView" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
				 version="1.1">
				</svg>
				<img id="dzg" class="dzg" src="img/dzg.gif" />
			</div>
			<div class="container-top">
				<div class="inner">
					<div class="designerOperation" style="display: ;">
						<a class="cur" href="javascript:;" data-type="product"><span>选择产品</span></a>
						<a href="javascript:;" data-type="design"><span>选择设计</span></a>
						<a href="javascript:;" data-type="text"><span>添加文字</span></a>
						<a href="javascript:;" data-type="img" class="design-idea-photo"><span>上传图片</span></a>
						<a href="javascript:;" data-type="bg" class="design-idea-bg"><span>背景图库</span></a>
					</div>

					<div class="designerOperIcon">
						<ul>
							<li class="shortcut-a"><span>快捷键</span></li>
							<li class="designerOperIconline"></li>
							<li class="allNew"><span>重新设计</span></li>
							<!-- <li class="designerOperIconline"></li> -->
							<!-- <li class="productRecords"><i class="icon-record"></i><span>记录</span></li> -->
						</ul>
					</div>

					<input id="uploadimgInput" style="display:none" type="file" />

					<div id="textToolPanel" class="text-tools-panel layui-form">
						<div class="configuration-toolbox" style="display: block;">
							<div class="design-color-picker-title">
								<span class="design-color-picker-text" data-translate="text_color" data-translatetype="text">添加文字</span>
								<span class="design-color-picker-icon"><i class="iconfont icon-guanbi"></i></span>
							</div>
							<div class="tab-content">
								<div class="text-format-section">
									<div>
										<textarea id="textInput" data-translate="write_text" data-translatetype="placeholder" onKeyUp="value=value.replace(/[\W]/g,'')"
										 placeholder="在这里输入你的文字"></textarea>
									</div>
								</div>
								<div class="font-family-setting">
									<div class="select">
										<select id="fontFamilySelect" name="select-family" lay-filter="fontFamily">
											<!--<option value="">选择字体</option>-->
										</select>
									</div>
									<span class="text-setting">
										<i class="layui-icon" data-type="bold" title="粗体">&#xe62b;</i>
										<i class="layui-icon" data-type="italic" title="斜体">&#xe644;</i>
									</span>
								</div>
								<div class="font-size-settings">
									<div class="select">
										<select id="fontSizeSelect" name="select-size" lay-filter="fontSize">
											<!--<option value="">24</option>-->
										</select>
									</div>
									<span class="text-setting text">
										<i id="add-size" class="layui-icon" title="放大">+</i>
										<i id="subtract-size" class="layui-icon" title="缩小">-</i>
									</span>
								</div>
								<div class="text-setting-operate text-setting">
									<i class="layui-icon active" data-translate="left" title="文字居左">&#xe649;</i>
									<i class="layui-icon" data-translate="center" title="文字居中">&#xe647;</i>
									<i class="layui-icon" data-translate="right" title="文字居右">&#xe648;</i>
								</div>
								<div class="bending-effect">
									<div class="bending-effect-title">弯曲效果<i class="icon-designernew"></i></div>
									<div id="bendingSlider" class="text-slider">
										<div class="text-slider-control"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="design-color-picker fontcolor" style="display: none;">
							<div class="design-color-picker-title">
								<span class="design-color-picker-text" data-translate="text_color" data-translatetype="text">文本颜色</span>
								<span class="design-color-picker-icon"><i class="iconfont icon-guanbi"></i></span>
							</div>
							<div class="simple-color-picker-list">
								<ul class="simple-color-picker-ul">
									<li style="background-color: #2a2e34;" data-fontcolor="#2a2e34"></li>
									<li style="background-color: #fbfbfb;" data-fontcolor="#fbfbfb"></li>
									<li style="background-color: #8b8b8b;" data-fontcolor="#8b8b8b"></li>
									<li style="background-color: #644135;" data-fontcolor="#644135"></li>
									<li style="background-color: #e62c17;" data-fontcolor="#e62c17"></li>
									<li style="background-color: #e84017;" data-fontcolor="#e84017"></li>
									<li style="background-color: #f08118;" data-fontcolor="#f08118"></li>
									<li style="background-color: #f6b213;" data-fontcolor="#f6b213"></li>
									<li style="background-color: #f5e723;" data-fontcolor="#f5e723"></li>
									<li style="background-color: #b8d21e;" data-fontcolor="#b8d21e"></li>
									<li style="background-color: #6db62d;" data-fontcolor="#6db62d"></li>
									<li style="background-color: #319e39;" data-fontcolor="#319e39"></li>
									<li style="background-color: #008270;" data-fontcolor="#008270"></li>
									<li style="background-color: #4a6774;" data-fontcolor="#4a6774"></li>
									<li style="background-color: #00a4c0;" data-fontcolor="#00a4c0"></li>
									<li style="background-color: #2e83c6;" data-fontcolor="#2e83c6"></li>
									<li style="background-color: #2d6db6;" data-fontcolor="#2d6db6"></li>
									<li style="background-color: #4c318f;" data-fontcolor="#4c318f"></li>
									<li style="background-color: #7c2f8d;" data-fontcolor="#7c2f8d"></li>
									<li style="background-color: #a71858;" data-fontcolor="#a71858"></li>
								</ul>
							</div>
							<div class="configuration-color-selector">
								<div id="picker"></div>
							</div>
						</div>
						<div class="configuration-toolbox-wrapper">
							<div class="text-panel">
								<div data-type="family" class="btn font-family-button font-family-button-cur"><i class="iconfont icon-wenben"></i></div>
							</div>
							<div class="color-panel">
								<div data-type="color" class="btn font-color-button"><i class="iconfont icon-zitiyanse"></i></div>
							</div>
						</div>
					</div>

					<div class="text-tools-panel bg-tool-panel layui-form" id="bgPanel" style="display: block;">
						<div class="configuration-toolbox" style="display: block;">
							<div class="design-color-picker-title">
								<span class="design-color-picker-text" data-translate="text_color" data-translatetype="text">平铺效果</span>
								<span class="design-color-picker-icon"><i class="iconfont icon-guanbi"></i></span>
							</div>
							<div class="tab-content">
								<div class="text-setting-operate text-setting">
									<i class="iconfont" data-repeat="0" title="无效果">&#xe660;</i>
									<i class="iconfont" data-repeat="1" title="平铺">&#xe607;</i>
								</div>
								<div class="pingpu-effect">
									<div class="pingpu-effect-title">
										<div class="title">横向间距</div>
										<div id="spacingHSlider" class="text-slider">
											<div class="text-slider-control"></div>
										</div>
									</div>
									<div class="pingpu-effect-title">
										<div class="title">纵向间距</div>
										<div id="spacingVSlider" class="text-slider">
											<div class="text-slider-control"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="box_left layui-form" style="left: 15px; opacity: 1;">
				<!-- 产品列表 -->
				<div class="left_box hui-fadeinL chooseProduct" style="display: block;">
					<div class="title">
						<span class="default-pro-cate">选择产品</span> <i class="iconfont icon-guanbi"></i>
					</div>
					<div class="gallerySearch">
						<input type="text" class="searchText">
						<input type="button" class="searchBtn" value="搜索">
					</div>

					<div class="category">
						<select lay-filter="productType" class="product-cate-type"></select>
						<!-- <select class="product-cate-top"></select> -->
					</div>
					<div class="productList"></div>

					<div class="pre_next_page">
						<div class="gPage">
							<span class="curPage pCurPage">5</span>/<span class="totalPage pTotalPage">15</span>
						</div>
						<div class="gPage1">
							<a class="prePage pPrePage"><i class="layui-icon-left">◀</i></a>
							<a class="nextPage pNextPage"><i class="icon-next_page">▶</i></a> <span data-translate="to" data-translatetype="text">到</span><input
							 type="text" class="pChoosePage"><span data-translate="page" data-translatetype="text">页</span>
							<input type="button" class="pChoosePageGo" value="GO">
						</div>
					</div>
				</div>

				<!-- 图库 -->
				<div class="left_box hui-fadeinL chooseDesign" style="display: none;">
					<div class="title">
						<span class="chooseBackgroundGallery cur">图库管理</span>
						<span class="chooseBackgroundSelf">背景色</span>
						<i class="iconfont icon-guanbi"></i>
					</div>
					<div class="gallery-div">
						<div class="gallerySearch">
							<input type="text" class="searchText"> <input type="button" class="searchBtn" data-translate="search"
							 data-translatetype="value" value="搜索">
						</div>
						<div class="GalleryAccount">
							<select lay-filter="imgTypeClass" class="GalleryAccount-sel">
								<option value="2">开放图库</option>
								<option value="1">我的图库</option>
							</select>
						</div>
						<div id="categoryTop" class="GalleryCategory">
							<select lay-filter="imgTopClass" class="category-top"></select>
							<div id="categoryTwo">
								<select lay-filter="imgTwoClass" class="category-two"></select>
							</div>
						</div>
						<div id="gallery" class="gallery">
						</div>
						<div class="pre_next_page">
							<div class="gPage">
								<span class="curPage gCurPage">1</span>/<span class="totalPage gTotalPage">1</span>
							</div>
							<div class="gPage1">
								<a class="prePage gPrePage"><i class="icon-previous_page">◀</i></a>
								<a class="nextPage gNextPage"><i class="icon-next_page">▶</i></a> <span data-translate="to" data-translatetype="text">到</span>
								<input type="text" class="choosePage gChoosePage"><span data-translate="page" data-translatetype="text">页</span>
								<input type="button" class="choosePageGo gChoosePageGo" value="GO">
							</div>
						</div>
					</div>
					<div class="chooseBackgroundSelf-div" style="display: none;">
						<div class="chooseBackgroundSelf-list">
							<ul class="chooseBackgroundSelf-ul">
								<li style="background-color: #2a2e34;" data-fontcolor="#2a2e34"></li>
								<li style="background-color: #fbfbfb;" data-fontcolor="#fbfbfb"></li>
								<li style="background-color: #8b8b8b;" data-fontcolor="#8b8b8b"></li>
								<li style="background-color: #644135;" data-fontcolor="#644135"></li>
								<li style="background-color: #e62c17;" data-fontcolor="#e62c17"></li>
								<li style="background-color: #e84017;" data-fontcolor="#e84017"></li>
								<li style="background-color: #f08118;" data-fontcolor="#f08118"></li>
								<li style="background-color: #f6b213;" data-fontcolor="#f6b213"></li>
								<li style="background-color: #f5e723;" data-fontcolor="#f5e723"></li>
								<li style="background-color: #b8d21e;" data-fontcolor="#b8d21e"></li>
								<li style="background-color: #6db62d;" data-fontcolor="#6db62d"></li>
								<li style="background-color: #319e39;" data-fontcolor="#319e39"></li>
								<li style="background-color: #008270;" data-fontcolor="#008270"></li>
								<li style="background-color: #4a6774;" data-fontcolor="#4a6774"></li>
								<li style="background-color: #00a4c0;" data-fontcolor="#00a4c0"></li>
								<li style="background-color: #2e83c6;" data-fontcolor="#2e83c6"></li>
								<li style="background-color: #2d6db6;" data-fontcolor="#2d6db6"></li>
								<li style="background-color: #4c318f;" data-fontcolor="#4c318f"></li>
								<li style="background-color: #7c2f8d;" data-fontcolor="#7c2f8d"></li>
								<li style="background-color: #a71858;" data-fontcolor="#a71858"></li>
							</ul>
						</div>
						<div id="chooseBackgroundSelf-picker">
						</div>
					</div>
				</div>

				<div class="left_box hui-fadeinL uploadPic" style="display: none;">
					<div class="title">
						<span data-translate="upload_image" data-translatetype="text">上传图片</span>
						<i class="iconfont icon-guanbi"></i>
					</div>

					<div class="uploadBut">
						<a id="uploadButA" data-translate="image_upload" data-translatetype="text" class="webuploader-container">
							<div class="webuploader-pick">图片上传</div>
							<div id="rt_rt_1cpf5uo1s1bdqht3m3stsq1gns1" style="position: absolute; top: 0px; left: 0px; width: 62px; height: 22px; overflow: hidden; bottom: auto; right: auto;"><input
								 type="file" name="file" class="webuploader-element-invisible" accept="image/jpg,image/jpeg,image/png"><label
								 style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label></div>
						</a>
					</div>
					<div class="uploadPicList">
						<div class="uploadPicDiv"><img width="77" height="55.672661870503596" alt="0428 后" src="https://nimg8.hicustom.com/static/gallery/2Q3NB7-300-e64c6ba414c40e2b6d760f9058932ea5.jpg"
							 data-id="2Q3NB7" data-sid="1079446" data-isbg="0" style="margin-top: 10.6637px;"></div>
						<div class="uploadPicDiv"><img width="77" height="43.3125" alt="0428  2后" src="https://nimg7.hicustom.com/static/gallery/HTEBOI-300-abf058d2152af81c7377bb80ce83a4d7.jpg"
							 data-id="HTEBOI" data-sid="1079445" data-isbg="0" style="margin-top: 16.8438px;"></div>
						<div class="uploadPicDiv"><img width="51.333333333333336" height="77" alt="19" src="https://nimg5.hicustom.com/static/gallery/27ST89-300-4e1227675cf9823c0f8999013d4c9a16.png"
							 data-id="27ST89" data-sid="1079343" data-isbg="0" style="margin-top: 0px;"></div>
						<div class="uploadPicDiv"><img width="51.385474860335194" height="77" alt="W3-男圆领-S正" src="https://nimg5.hicustom.com/static/gallery/BZ7K3U-300-cfeee2206d3da2d45b8ddcd2cc7153b0.jpg"
							 data-id="BZ7K3U" data-sid="235993" data-isbg="0" style="margin-top: 0px;"></div>
					</div>

					<div class="pre_next_page">
						<div class="gPage">
							<span class="curPage uCurPage">1</span>/<span class="totalPage uTotalPage">1</span>
						</div>
						<div class="gPage1">
							<a class="prePage uPrePage"><i class="icon-previous_page"></i></a>
							<a class="nextPage uNextPage"><i class="icon-next_page"></i></a>
							<span data-translate="to" data-translatetype="text">到</span><input type="text" class="uChoosePage"><span
							 data-translate="page" data-translatetype="text">页</span>
							<input type="button" class="uChoosePageGo" value="GO">
						</div>
					</div>
				</div>
			</div>

			<div class="container-left">
				<div class="designerImages scrollbar">
				</div>
			</div>

			<div class="face-button">
				<ul class="face-list">
					<!-- <li data-id="29" data-name="S" style="display: none;">S</li> -->
				</ul>
			</div>
			<div class="appearance-button">
				<ul class="color-picker-list">
					<!-- <li data-cname="黑色" class="cur" style="display: inline-table;"><a style="background-color:#000000;"></a></li> -->
				</ul>
			</div>
			<div class="size-button">
				<ul class="size-picker-list">
					<!-- <li data-id="29" data-name="S" style="display: none;">S</li> -->
				</ul>
			</div>
			<div class="shoppingCartDiv"><a class="shoppingCartBtn">保存产品</a></div>
			<div class="addCartDiv"><a class="addCartDivBtn">加入购物车</a></div>

			<div class="add-to-cart-mask">
				<div class="add-to-cart-div"><i id="closeCart" class="layui-icon icon-layer_close ">&#x1006;</i>
					<div class="add-to-cart-sizes">
						<ul>
							<!--<li class="letter" data-id="29" data-add_price="0">
								<div class="add-to-cart-name fb">S</div>
								<div class="add-to-cart-price">￥23.40</div>
								<div class="add-to-cart-qty fr"><i class="not">-</i><input type="text" onkeyup="onlyNum(this);" maxlength="5" value="0"><i class="">+</i></div>
							</li> -->
						</ul>
					</div>
					<div class="add-to-cart-bottom letter">
						<div class="add-to-cart-average tl">
							<div class="add-to-cart-num">总件数：<span>0</span></div>
							<div class="add-to-cart-ave-price">均<i class="ml12"></i>价：<span>0</span>/件</div>
						</div>
						<div class="add-to-cart-total tr">￥<span>0.00</span></div>
					</div>
					<div class="add-to-cart-btn"><a class="add-to-cart-sure">确认</a></div>
				</div>
			</div>

			<div class="price-div" style="display: block;"></div>
			<div class="designerOperIconRelate">
				<div class="designerOperIconRelate-width">
					<div class="operIconRelate movePreLayer">
						<i class="iconfont icon-shangyiyiceng"></i>
						<div class="movePreLayerPrompt" data-translate="move_up" data-translatetype="text" style="display: none;">图案上移一层</div>
					</div>
					<div class="operIconRelate moveNextLayer">
						<i class="iconfont icon-xiayiyiceng"></i>
						<div class="movePreLayerPrompt" data-translate="move_down" data-translatetype="text">图案下移一层</div>
					</div>
				</div>
				<div class="designerOperIconRelate-width">
					<div class="operIconRelate horizontalCenter">
						<i class="iconfont icon-align-level"></i>
						<div class="movePreLayerPrompt" data-translate="center_horizontally" data-translatetype="text" style="display: none;">水平居中</div>
					</div>
					<!--<div class="operIconRelate patternCenter">
		                <i class="iconfont icon-xiayiyiceng"></i>
		                <div class="movePreLayerPrompt" data-translate="design_middle" data-translatetype="text" style="display: none;">请在中间设计</div>
		            </div>-->
					<div class="operIconRelate horizontalFlip">
						<i class="iconfont icon-shunshizhenxuanzhuan"></i>
						<div class="movePreLayerPrompt" data-translate="xuanzhuan_45" style="display: none;">图案顺时针旋转45°（<span class="pro-rotate">Ctrl
								+ Q</span>）</div>
					</div>
					<div class="operIconRelate copyLayer">
						<i class="iconfont icon-fuzhi"></i>
						<div class="movePreLayerPrompt" data-translate="fuzhi" style="display: none;">复制图案（<span class="pro-copy">Shift +
								C</span>）</div>
					</div>
				</div>
				<div class="designerOperIconRelate-width">
					<div class="operIconRelate patternWidthMax">
						<i class="iconfont icon-icon-level-Scale"></i>
						<div class="movePreLayerPrompt" data-translate="max_v" style="display: none;">图案宽度最大化（<span class="pro-width">Ctrl
								+ B</span>）</div>
					</div>
					<div class="operIconRelate patternHeightMax">
						<i class="iconfont icon-icon-vertical-Scale"></i>
						<div class="movePreLayerPrompt" data-translate="max_h" style="display: none;">图案高度最大化（<span class="pro-heigth">Alt
								+ B</span>）</div>
					</div>
					<div class="operIconRelate imgFull">
						<i class="iconfont icon-background"></i>
						<div class="movePreLayerPrompt" data-translate="max_vh" style="display: none;">图案最大化设计（<span class="pro-full">Ctrl
								+ X</span>）</div>
					</div>
				</div>
			</div>

			<div class="shortCutsDiv" style="right: 15px;">
				<div class="shortCutsTitle">快捷键<i class="icon-close iconfont icon-guanbi"></i></div>
				<div class="shortCutsType scrollbar" style="display: none;">
					<ul>
						<li>
							<div class="shortCutsType-left">上移动</div>
							<div class="shortCutsType-right">Up</div>
						</li>
						<li>
							<div class="shortCutsType-left">下移动</div>
							<div class="shortCutsType-right">Down</div>
						</li>
						<li>
							<div class="shortCutsType-left">左移动</div>
							<div class="shortCutsType-right">Left</div>
						</li>
						<li>
							<div class="shortCutsType-left">右移动</div>
							<div class="shortCutsType-right">Right</div>
						</li>
						<li>
							<div class="shortCutsType-left">顺时针45°旋转</div>
							<div class="shortCutsType-right">Ctrl + Q</div>
						</li>
						<li>
							<div class="shortCutsType-left">顺时针5°旋转</div>
							<div class="shortCutsType-right">Alt + Q</div>
						</li>
						<li>
							<div class="shortCutsType-left">放大</div>
							<div class="shortCutsType-right">Ctrl + Z</div>
						</li>
						<li>
							<div class="shortCutsType-left">缩小</div>
							<div class="shortCutsType-right">Alt + Z</div>
						</li>
						<li>
							<div class="shortCutsType-left">删除</div>
							<div class="shortCutsType-right">Delete</div>
						</li>
						<li>
							<div class="shortCutsType-left">保存产品</div>
							<div class="shortCutsType-right">Ctrl + S</div>
						</li>
						<li>
							<div class="shortCutsType-left">图案最大化设计</div>
							<div class="shortCutsType-right">Ctrl + X</div>
						</li>
						<li>
							<div class="shortCutsType-left">图案复制</div>
							<div class="shortCutsType-right">Shift + C</div>
						</li>
						<li>
							<div class="shortCutsType-left">图案宽度最大化</div>
							<div class="shortCutsType-right">Ctrl + B</div>
						</li>
						<li>
							<div class="shortCutsType-left">图案高度最大化</div>
							<div class="shortCutsType-right">Alt + B</div>
						</li>
						<li>
							<div class="shortCutsType-left">重新设计</div>
							<div class="shortCutsType-right">Alt + R</div>
						</li>
						<li>
							<div class="shortCutsType-left">图案平铺-基础</div>
							<div class="shortCutsType-right">Alt + S</div>
						</li>
						<li>
							<div class="shortCutsType-left">铺满设计区域</div>
							<div class="shortCutsType-right">Alt + X</div>
						</li>
					</ul>
				</div>

				<div class="shortcut-settings" style="display: block;">
					<div class="shortcut-settings-content scrollbar">
						<div data-type="1" class="shortcutType">
							<div class="shortcut-settings-content-title">上移动</div>
							<div><input readonly="readonly" type="text" placeholder="请按键盘进行设置" value="Up" data-key="38"></div>
						</div>
						<div data-type="2" class="shortcutType">
							<div class="shortcut-settings-content-title">下移动</div>
							<div><input readonly="readonly" type="text" placeholder="请按键盘进行设置" value="Down" data-key="40"></div>
						</div>
						<div data-type="3" class="shortcutType">
							<div class="shortcut-settings-content-title">左移动</div>
							<div><input readonly="readonly" type="text" placeholder="请按键盘进行设置" value="Left" data-key="37"></div>
						</div>
						<div data-type="4" class="shortcutType">
							<div class="shortcut-settings-content-title">右移动</div>
							<div><input readonly="readonly" type="text" placeholder="请按键盘进行设置" value="Right" data-key="39"></div>
						</div>
						<div data-type="5" class="shortcutType">
							<div class="shortcut-settings-content-title">顺时针45°旋转</div>
							<div><input readonly="readonly" type="text" placeholder="请按键盘进行设置" value="Ctrl + Q" data-key="81"></div>
						</div>
						<div data-type="6" class="shortcutType">
							<div class="shortcut-settings-content-title">顺时针5°旋转</div>
							<div><input readonly="readonly" type="text" placeholder="请按键盘进行设置" value="Alt + Q" data-key="81"></div>
						</div>
						<div data-type="7" class="shortcutType">
							<div class="shortcut-settings-content-title">放大</div>
							<div><input readonly="readonly" type="text" placeholder="请按键盘进行设置" value="Ctrl + Z" data-key="90"></div>
						</div>
						<div data-type="8" class="shortcutType">
							<div class="shortcut-settings-content-title">缩小</div>
							<div><input readonly="readonly" type="text" placeholder="请按键盘进行设置" value="Alt + Z" data-key="90"></div>
						</div>
						<div data-type="9" class="shortcutType">
							<div class="shortcut-settings-content-title">删除</div>
							<div><input readonly="readonly" type="text" placeholder="请按键盘进行设置" value="Delete" data-key="46"></div>
						</div>
						<div data-type="10" class="shortcutType">
							<div class="shortcut-settings-content-title">保存产品</div>
							<div><input readonly="readonly" type="text" placeholder="请按键盘进行设置" value="Ctrl + S" data-key="83"></div>
						</div>
						<div data-type="11" class="shortcutType">
							<div class="shortcut-settings-content-title">图案最大化设计</div>
							<div><input readonly="readonly" type="text" placeholder="请按键盘进行设置" value="Ctrl + X" data-key="88"></div>
						</div>
						<div data-type="12" class="shortcutType">
							<div class="shortcut-settings-content-title">图案复制</div>
							<div><input readonly="readonly" type="text" placeholder="请按键盘进行设置" value="Shift + C" data-key="67"></i></div>
						</div>
						<div data-type="13" class="shortcutType">
							<div class="shortcut-settings-content-title">图案宽度最大化</div>
							<div><input readonly="readonly" type="text" placeholder="请按键盘进行设置" value="Ctrl + B" data-key="66"></i></div>
						</div>
						<div data-type="14" class="shortcutType">
							<div class="shortcut-settings-content-title">图案高度最大化</div>
							<div><input readonly="readonly" type="text" placeholder="请按键盘进行设置" value="Alt + B" data-key="66"></div>
						</div>
						<div data-type="15" class="shortcutType">
							<div class="shortcut-settings-content-title">重新设计</div>
							<div><input readonly="readonly" type="text" placeholder="请按键盘进行设置" value="Alt + R" data-key="82"></i></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

	<script src="config.js"></script>
	<script type="text/javascript" src="out/main.all.js?v=20190730"></script>
	<script>
		//Demo
		layui.use('form', function() {
			// $.ajax({
			// 	type: "get",
			// 	url: "asset/design.json",
			// 	dataType : 'json',
			// 	async: true,
			// 	success: function(data) {
			// 		Design.init(data);
			// 	}
			// });
			Design.init();
		});
	</script>

	<script type="text/html" id="layerInfo">
		<div class="designerImageInfo" style="width: 268px;">
			<div class="designerImage"></div>
			<div class="designerImageIcon">
				<a title="图案上移一层" class="designerImagePre"><i class="iconfont icon-shangyi"></i></a>
				<a title="图案下移一层" class="designerImageNext"><i class="iconfont icon-xiayi"></i></a>
				<a class="designerImageView"><i class="iconfont icon-xianshi icon-yincang"></i></a>
				<a title="删除图案" class="designerImageDel"><i class="iconfont icon-delete-copy"></i></a>
			</div>
		</div>
	</script>

</html>
